<!DOCTYPE html>
<html lang='en'>
    <head>
        <title>Webcome SMT</title>
        
        <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
       
    </head>
    <body >
        <!--  navbar--> 
        <div class="container">
            <div class="row">    
                <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <ul class="nav nav-pills " >
                       <li class="active"><a href="#"> SMT Team's Project</a></li>
                        
                    </ul>
                </div>
            </div>
            </div>
            <!--  welcome--> 
            <div class="row">
                <div class="span7 offset3">    
                    <h2>
                        Welcome to Shopgoox Project
                    </h2>
                    <h3>
                        Created by SMT Team
                    </h3>
                </div>
            </div>
             <!--  Rules--> 
            <div class="row">
                <div class="span7 offset3">    
                    <div class="alert alert-block">
                    <h3>
                       This is some rules that you have to follow at the beginning of this poject 
                    </h3>
                    </div>
                    
                    <div class="alert alert-info">
                        <h5>If you have any question, please ask on facebook or on skype. </h5>
                    </div>
                    <table class="table table-bordered table-hover ">
                         <thead>
                            <tr class="success">
                              <th>ID</th>
                              <th>Jobs</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr class="info">
                              <td>1</td>
                              <td>The project has been set up HMVC Structure</td>
                            </tr>
                            <tr class="warning">
                              <td>2</td>
                              <td>We are going to start with admin layout, products, and catologs.</td>
                            </tr>
                            <tr class="error">
                              <td>3</td>
                              <td>I have already added the bootstrap helper, just call and use it with <code>$this->load->helper('bootstrap');</code> in your controllers or views </td>
                            </tr>
                            <tr class="success">
                              <td>4</td>
                              <td>DaiT will degsin layout in layout module</td>
                            </tr>
                            <tr class="info">
                              <td>5</td>
                              <td>TuanLM and ChauNTH will desgin 'create new' screen</td>
                            </tr>
                            <tr class="warning">
                              <td>6</td>
                              <td>HungNT and TrungNV will desgin 'edit new' screen</td>
                            </tr>
                            <tr class="error">
                              <td>7</td>
                              <td>ViNT and NguyeNT will desgin 'list view' screen</td>
                            </tr>
                          </tbody>
               </table>
                        <div class="alert alert-success">
                            <h2>Okey, that's enough. Let's start!</h2>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>